:root {
    /* --color1: #e6f4b6;
    --color2: #6b944c;
    --color3: #318e2d;
    --color4: #126221;

    --bg-color: #ffffffde;
    --bg-filter-blur: blur(10px);

    --font-color-default: #5a5a5a;
    --font-color-ts-title: #0e5c35;
    --font-color-hover: #66c796;
    --font-color-active: #139755;

    --box-shadow: 0px 0px 3px #5353532d;
    --box-radius: 4px; */

    --color1: #f1bfe6;
    --color2: #ca6aad;
    --color3: #d129a7;
    --color4: #b11890;

    --bg-color: #ffffff;
    --bg-color-hover: #ffd4f4;
    /* --bg-filter-blur: blur(10px); */

    --font-color-default: #474747;
    --font-color-ts-title: #5c0e4f;
    --font-color-hover: #a02485;
    --font-color-active: #971364;

    --box-shadow: 0px 0px 3px #d8d8d8;
    --box-radius: 4px;

}


html {
    overflow-x: hidden;
    color-scheme: light; /*dark;*/
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
body{
    overflow-x: hidden;
}

span[class="el-breadcrumb__inner is-link"]:hover {
    color: var(--font-color-hover) !important;
}
.fr {
    display: flex;
    flex-direction: row;
    flex: 1;
}
.text-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
a,a:not([href]):not([class]){
    color: var(--font-color-active);
    transition: all .3s;
    &:hover{
        color:var(--font-color-ts-title);
        text-decoration: none;
    }
}




